<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--id
    class
    style : 标签的预定义属性-->

    <!--在浏览器的内部是一个HTMLDivElemet 继承 HTMLElement 继承 Element 继承 Node-->
    <div id="app" class="red" style="color: pink" laofu="laofu666">
        <div id="inner">inner</div>
    </div>
    <!--在浏览器的内部是一个HTMLInputElemet 继承 HTMLElement 继承 Element 继承 Node-->
    <input type="text" value="123">

    <img src="" width="100" height="100">
</body>
<script>

    // HTMLDocument 继承 Document 继承 Node
    var appNode = document.getElementById("app")
    console.dir(appNode.attributes.laofu.nodeValue)
    // var innerNode = appNode.getElementById("inner")
    // console.log(appNode,innerNode);


</script>
</html>